<template>
  <div class="box1">
    <AnNiu wz="black"> </AnNiu>
    <AnNiu :hh="zy" :bj="zybc"> </AnNiu>
    <AnNiu :hh="cg" :bj="cgbc"> </AnNiu>
    <AnNiu :hh="xx" :bj="xxbc"> </AnNiu>
    <AnNiu :hh="jg" :bj="jgbc"> </AnNiu>
    <AnNiu :hh="wx" :bj="wxbc"> </AnNiu>
  </div>
</template>
<script>
import AnNiu from './anniu/AnNiu.vue'
export default {
  name: '',
  components: {
    AnNiu
  },
  data () {
    return {
      zy: '主要按钮',
      cg: '成功按钮',
      xx: '信息按钮',
      jg: '警告按钮',
      wx: '危险按钮',
      zybc: '#409eff',
      cgbc: '#67c23a',
      xxbc: '#909399',
      jgbc: '#e6a23c',
      wxbc: '#f56c6c'

    }
  },
  created () {
  },
  computed: {
  },
  methods: {
  }
}
</script>
<style lang='less'  scoped>
.box1 {
  display: flex;
  justify-content: baseline;
  align-items: center;
}
</style>
